/*
 * @Author: jiu yin
 * @Date: 2023-12-27 15:24:16
 * @LastEditTime: 2023-12-27 16:21:57
 * @LastEditors: jiu yin zhen jing
 * @FilePath: \association-admin\src\comment\user_level\index.tsx
 * jiu
 */
import { useState } from "react";
import { Tag } from "antd";

interface obj {
   options: {
      vip_level: number,
      user_level: number,
   };
}

function User_level(props: obj) {
   const { vip_level, user_level } = props.options;
   let obj_level = {
      0: {
         label: "免费",
         color: "#697590",
      },
      1: {
         label: "VIP",
         color: "#4cd2c4",
      },
      2: {
         label: "蓝钻",
         color: "#2d6dfb",
      },
   };

   return (
      <div>
            {/* @ts-ignore */}
         <Tag color={obj_level[vip_level].color}>
            {/* @ts-ignore */}
            {obj_level[vip_level].label}
         </Tag>
         {/* @ts-ignore */}
         <Tag color={obj_level[vip_level].color}>{`L${user_level}`}</Tag>
      </div>
   );
}
export default User_level;
